import 'package:flutter/material.dart';
// import 'package:flutter/cupertino.dart';

// Image组件是一个展示图片的组件,有状态的组件, 继承自StatefulWidget
// 使用方式:
/* 1. 加载网络图片: Image.network(str)
2. 加载本地静态图片: Image.asset(name)
3. 从文件读取图片: image.file(file)
4. 从内存读取图片: image.memory(bytes) */

class ImageWidget extends StatelessWidget {
  const ImageWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(backgroundColor: Colors.amber, title: Text("Image组件演示")),
      body: Container(
        alignment: Alignment.center,
        child: Container(
          width: 300,
          height: 400,
          color: Colors.lightGreen,
          // child: Image.network(
          //   'https://wx1.sinaimg.cn/mw690/9768ec68gy1hss20b70xuj20u00uygpc.jpg',
          //   fit: BoxFit.cover,
          //   // fit: BoxFit.fill,
          // ),
          child: Image.network(
            'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
            fit: BoxFit.cover,
            // fit: BoxFit.fill,
          ),
          // child: Image.asset('assets/qiche.png'),
        ),
      ),
    );
  }
}
